/* 主体 */

/* 横幅 */
.banner{
    width: 1200px;
    height: 430px;
    /* background: green; */
}
/* 左边栏 */
.banner .left-aside{
    width: 200px;
    height: 430px;
    background: #f3f3f3;
    box-sizing: border-box;
    color:#818181;
    text-indent: 0.5em;
}
.banner .left-aside ul{
    position: relative;
}
.banner .left-aside .aside-link{
   
    width: 198px;
    height: 28px;
    line-height: 28px;
    text-indent:1em;
    z-index: 1;
    margin-top:2px; 

}
.banner .left-aside .aside-link:nth-child(1){
    margin-top: 0;
}
.banner .left-aside .aside-link p{
    width: 200px;
    border-right:0;
    z-index:5;
    border:1px solid  transparent;
    position: relative;
    
}
.banner .left-aside ul .aside-link p:hover{
    border:1px solid tomato;
    border-right: 0;
    background: #fff;
    
}
.left-aside .link-two{
    width: 1000px;
    height: 430px;
    position: absolute;
    top:0px;
    left:200px;
    background:pink;
    display: none;
    z-index: 250;
}
.banner .left-aside ul .aside-link:hover .link-two{
    display: block;
}


/* 商品分类 */

/* 1.今日推荐*/
.recommend{
    width: 1200px;
    margin-top:5px; 

    
}
.recommend h1{
    color:  #ff6600;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    border-bottom:6px solid #f60;
}
.recommend ul{
    margin: 0 auto;
    width: 1176px;
    border-right:1px solid #ff6600;
    /* box-sizing: border-box; */

}
.recommend ul li{
    width: 196px;
    height: 250px;
    border-left:1px solid #ff6600;
    border-bottom:1px solid #ff6600;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    
}
.recommend ul li img{
    width: 150px;
    height: 145px;
    margin-top:3px; 
}
.recommend ul li .img-two{
    width: 78px;
    height: 25px;
    position: absolute;
    left:0px;
    top:145px;
}
.recommend ul li p{
    margin-top:30px; 
}
.recommend ul li p span{
    color:red;
}
.recommend ul li .money{
    color: red;
    position: absolute;
    left: 0;
    bottom: 3px;
    
}

/* 2.图书 电子书 */
.books{
    width: 1200px;
    height: 482px;
    /* border:1px solid #f00; */
    margin-top:30px; 
}
.books .top{
    width: 900px;
    height: 50px;
    border-bottom: 6px solid #f60;
}
.books .top h2{
    width: 158px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    font-weight: normal;
}
.books .top ul li{
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    margin-top:16px; 
    cursor: pointer;
}
.books .top ul .active{
    background: #f60;
}
/* books 左边栏 */
.books .bottom-left{
    width: 900px;
    height: 426px;
    /* border:1px solid #f00; */
}
.books .bottom-left .books-box{
    width: 900px;
    height: 426px;
    display: none;
}
.books .bottom-left .on{
    display: block;
}

/* 左边栏盒子1 */
.bottom-left .books-left{
    width: 239px;
    height: 426px;
    background: #ccc;
    /* border: 1px solid #818181; */
    box-sizing: border-box;
}  
.bottom-left .books-box .books-left a{
    display:block;
    width: 79px;
    height: 32px;
    float: left;
    left: 33px;
    text-align: center;
    margin-top:3px; 
}


     /* 左边栏盒子2 */
.bottom-left .books-right{
    width: 660px;
    height: 426px;
    border-right: 2px solid #ccc;
    box-sizing: border-box;
}
.bottom-left .books-right li{
    width: 164px;
    height: 213px;
    border-left: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    box-sizing: border-box;
    list-style: none;
}
.bottom-left .books-right li p{
    margin-bottom:5px; 
}
.bottom-left .books-right li .ptwo{
    font-size: 12px;
    margin-bottom:15px; 
    color:red;
}

.bottom-left .books-right li span{
    font-size: 18px;
    color:red;
    /* margin-top:15px;  */
}
.bottom-left .books-right .lm{
    width: 328px;
    height: 213px;
}

/* books右边列表 */

.books .bottom-right{
    width: 283px;
    height: 426px;
    padding-left:8px;
    border:1px solid #ccc;
    box-sizing: border-box;
}
.books .bottom-right .nwebooks{
    position: relative;
}
.books .bottom-right h3{
    font-size:24px; 
    font-weight: normal;
    text-align: center;
    line-height: 35px;
    margin-bottom:10px; 
}
.nwebooks-list {
    width: 283px;
  
}
.nwebooks-list .list{
    position: absolute;
    left:1px;
    margin-top:7px; 

}
.books .bottom-right .nwebooks-p{
    width: 275px;
    margin-left:10px; 
    line-height: 32px;
}
.books .bottom-right li .nwebooks-you{
    width: 140px;
    height: 149px;
    float: left;
    font-size: 12px;
}
.books .bottom-right li{
    width: 283px;
    border-bottom:1px solid #ccc;
    

}

.books .bottom-right img{
    float: left;
    margin-left:5px;
}
.books .bottom-right .nwebooks-you{
    margin-left:10px; 
    
}
.nwebooks-list .nwebooks-m{
    display:none;
} 
.bottom-right .nwebooks-list .on{
    display:block;
} 

/* 绑类名 */

.nwebooks-list div{
    display: none;
}


/* 家居 */
#home{
    width: 1200px;
    height: 540px;
    /* border:1px solid #f60; */
    border:0;
    margin-bottom:50px; 
}
.con-item .home{
    width: 1200px;
    height: 540px;
    /* border:1px solid #f60; */
}
.con-item .home .home-left{
    width: 489px;
    height: 500px;
    background: #ccc
}
.con-item .home .home-left img{
    width: 489px;
    height: 500px;
}
.con-item .home .home-right{
    width:710px;
    height: 500px;
    /* background: #ccc */
}
.con-item .home .home-right li{
    width:177px ;
    height: 250px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    box-sizing: border-box;
}
.con-item .home-right li img{
    width: 173px;
    height: 248px;
}


/* 6推广商品 */
.extension{
    width: 1200px;
    height: 630px;
}
.extension-top{
    width: 1200px;
    height: 30px;
    border-bottom:6px solid #f60;
}
.extension-top h2{
    width: 100px;
    line-height: 30px;
    background: #f60;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
}
.extension-top .homeju{
    width:89px;
    height: 15px;
    text-align: center;
    
}
.extension-top .homeju li{
    width: 15px;
    height: 15px;
    margin-top:10px; 
  
    text-align: center;
    border-radius: 10px;
    background: #818181;

}
.extension-top .homeju .homeli{
    margin-right:10px;
} 
.extension-top ul li.active{
    background: #f60;
    color:#fff;
}
.top-con ul .green{
    display: inline-block;
    border:10px solid;
    border-radius: 10px;
    width: 0;
    height: 0;
}
.top-con ul .yellow{
    display: inline-block;
    border:10px solid;
    border-radius: 10px;
    width: 0;
    height: 0;
}

.extension{
    width: 1200px;
    height: 600px;
    /* border-left: 1px solid #ccc; */
}

.extension-con .extension-item{
    width: 1200px;
    height: 600px;
}
.extension-con .extension-item{
    display: none;
}
.extension-con .on{
    display: block;
}
/* .active{
    color:#fff;
    background: #f60;
} */
.extension-con .extension-item li{
    width: 240px;
    height: 300px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    padding:20px 45px;
    /* box-sizing: border-box; */
}
.extension-con .extension-item li:nth-child(1){
    border-left: 1px solid #ccc;
}
.extension-con .extension-item li:nth-child(6){
    border-left: 1px solid #ccc;
}
.extension-item li img{
    width: 150px;
    height: 150px;
}
.extension-item li p{
    font-size: 12px;
    margin-bottom:15px; 
}
.extension-item li .extension-money{
    color: red;
    font-size: 24px;
}
.extension-item li .commen{
    width: 89px;
    height: 13px;
    /* background: url(../img/) */
}

/* 4.电梯 */
.elevator{
    width: 40px;
    height: 200px;
    border:1px solid #ccc;
    position:fixed;
    left:48%;
    top: 40%;
    margin-left:-650px; 

}
.elevator li{
    width: 0px;
    height: 40px !important;
    background: url(../img/fix_box_icon_160622.png) no-repeat;  
    padding-left:40px;
    overflow: hidden;
    line-height: 40px;
   
}

/* 背景图定位 */
.elevator #tushu1.bg1{
    background-position-y: -0px;
}
.elevator #yifu.bg2{
    background-position-y: -80px;
}
.elevator #yundong.bg3{
    background-position-y: -160px;
}
.elevator .home.bg4{
    background-position-y: -200px;
}
.elevator .recommend.bg5{
    background-position-y: -325px;
}
/* .clothing{
    width: ; */